<template>
  <div id="querylist" v-cloak> 

    <div class="demo" :style="{  height: dtheight + 'px' }">
        <div style="width:100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 70px;color:#F5CF49;"> 
                {{count}}
        </div>
    </div> 




   </div>
</template>

<script>

export default {
   name: 'querylist',
   props:{
      count:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度

    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 200

  },
  mounted (){
    
  },
  methods: {

  }
}
</script>


<style scoped>
[v-cloak]{
    display: none;
}
.demo{
    overflow-y:auto;
}
.mytitle{
    height: 35px;
}
.mytitle_item{
    display: flex;
    align-items: center;
}
.mytitle_item::before{
  content:'';
  width: 5px;
  height: 15px;
  background: #F5CF49;
  display: block;
}
.tb_class{
    color:#F5CF49;
    font-size:30px;
    margin-top:5px;
    margin-left:15px;
    margin-right:15px;
  }
  .my_input>>>input{
      width: 300px;
  }
</style>